/* Laydate */
@import "../base/_var";
@import "../base/_mixins";

.layui-laydate-footer span:hover{
  color: $color-primary-100;
}

.layui-laydate-hint {
  color: $color-red;
}

.layui-laydate-header i:hover,
.layui-laydate-header span:hover{
  color: $color-primary-100;
}

.layui-laydate-content td.laydate-selected{
  background-color: lighten($color-primary, 60%)
}

.laydate-selected:hover {
  background-color: lighten($color-primary, 60%) !important;
}

.layui-laydate-hint {
  color: $color-red;
}

.laydate-day-mark::after{
  background-color: $color-primary-100;
}

.layui-laydate-footer span[lay-type="date"] {
  color: $color-primary-100;
}

.layui-laydate .layui-this {
  background-color: $color-primary !important;
}

.laydate-theme-grid .laydate-selected:hover {
  color: $color-primary !important;
}